<script setup lang="ts">
import HmSon2 from './components/HmSon2.vue'
import type { TUserArr } from './types'
// import axios from 'axios'
import Qrcode from 'qrcode'
import { fn } from './utils'
// .vue    能写ts代码，也可以定义数据类型
// .ts     能写ts代码，也可以定义数据类型
// .d.ts   不能写ts代码 但可以定义ts的数据类型，打包时会自动忽略
// .d.ts:定义类型，往往项目中所有的数据类型都统一放到.d.ts文件，暴露出去  ，导入时 import type {类型名} from '路径'

/*
1:ts内置了一些类型申明 
2:插件使用类型申明
    插件自带有类型申明 类似axios
    有很多插件没有类型申明文件  qrcode
      安装相应插件的类型申明文件 @types/插件名
        npm i @types/qrcode  / yarn add @types/qrcode
        ctrl+shift+p  reload 重启vscode
3:js转换成ts,少了类型申明文件（极少）
  网上找了一段代码是js,但是要用到ts项目

*/
console.log(Qrcode)

const arr: TUserArr = [{ id: 1, name: '张三' }]
console.log(fn(1, 2))
</script>

<template>
  <div class="app-page">
    <HmSon2 :arr="arr"></HmSon2>
  </div>
</template>

<style scoped></style>
